<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>长租页面</title>

<link rel="stylesheet" type="text/css" href="css/cz/cz.css">
<link rel="stylesheet" type="text/css" href="css/city/kuCity.css">
<link rel="stylesheet" type="text/css" href="css/date/reset.css">
<link rel="stylesheet" type="text/css" href="css/date/style.css">

<script type="text/javascript"
	src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/kuCity.js"></script>
<script type="text/javascript" src="js/Ecalendar.jquery.min.js"></script>

</head>
<body>
	<div style="background-color: #1B2B3B">
		<jsp:include page="../NavigationBar.jsp" flush="true"></jsp:include>
	</div>

	<!--
        	banner start
       -->
	<div class="cz_banner"></div>
	<!--
        	banner end
        -->

	<div class="w1200">
		<div class="cz_selectCity">
			<h3>
				长租服务<span>( 90天以上 )</span>
			</h3>
			<div class="blank0">&nbsp;</div>
			<!--
                	填写租期、取车时间等申请条件
                -->
			<div class="cz_application">
				<table border="0px" cellpadding="0" cellspacing="0">
					<tbody>
						<tr>
							<td>取车城市 <input type="text" value="中文/拼音" class="carCity"
								style="width: 90px;" /> <!--
		                            	隐藏的城市列表 
		                            --> <script>
																															$(
																																	'.carCity')
																																	.kuCity();
																														</script> </script>
							</td>
							<td style="padding-left: 15px;">取车时间 <input type="datetime"
								class="blueFont" style="width: 162px;" id="ECalendar_case2" />
								<!--
                                    	时间列表
                                    -->  <script
									type="text/javascript">
										$(function() {
											$("#ECalendar_case2").ECalendar({
												type : "time",
												offset : [ 0, 2 ]
											});
										})
									</script>
							</td>
						</tr>
						<tr>
							<td>租&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;期 <input
								type="text" value="请选择" class="greyFont" style="width: 90px;" />
							</td>
							<td style="padding-left: 15px;">用车数量 <input type="text"
								value="请输入用车数量" class="greyFont" style="width: 162px;" />
							</td>
						</tr>
						<tr>
							<td>品&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;牌 <input
								type="text" value="请选择" class="blueFont" style="width: 90px;" />
							</td>
							<td style="padding-left: 15px;">
								车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型 <input type="text"
								value="其他" class="blueFont" style="width: 162px;" />
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="blank0">&nbsp;</div>
			<!--
                	申请按钮
                -->
			<div class="cz_application_button">
				<a href="#" class="btnApply"
					style="height: 35px; line-height: 35px;">去 申 请</a>
			</div>
		</div>

		<div class="mid">
			<!--
            		left start
            	-->
			<div class="cz_left">
				<table border="1px" cellpadding="0" cellspacing="0">
					<tbody>
						<tr>
							<td colspan="2"
								style="height: 40px; padding-right: 20px; border-bottom: none; border-left: 1px solid #DBE4EB; border-top: 1px solid #DBE4EB;">
								<h3>推荐车型</h3> <a href="#">长租标准产品保险服务说明</a>
							</td>
						</tr>
						<tr>
							<td id="left_leftTd">2013款 别克凯越 1.5L 自动 经典型</td>
							<td id="left_rightTd">2013款 别克凯越 1.5L 自动 经典型</td>
						</tr>
						<tr>
							<td id="left_leftTd">2013款 别克凯越 1.5L 自动 经典型</td>
							<td id="left_rightTd">2013款 别克GL8 2.4L 自动 CT豪华商务舒适版</td>
						</tr>
						<tr>
							<td id="left_leftTd">2013款 别克GL8 2.4L 自动 经典版</td>
							<td id="left_rightTd">2013款 别克GL8 2.4L 自动 LT豪华商务行政版</td>
						</tr>
						<tr>
							<td id="left_leftTd">2013款 别克GL8 3.0L 自动 XT豪华商务旗舰版</td>
							<td id="left_rightTd">2014款 奥迪A6L TFSI CVT(2.0TFSI CVT)标准型</td>
						</tr>
						<tr>
							<td id="left_leftTd">2013款 大众帕萨特 1.8TSI 自动 尊荣版</td>
							<td id="left_rightTd">2014款 宝马320Li 2.0T 自动 时尚型</td>
						</tr>
						<tr>
							<td id="left_leftTd">2014款 宝马520Li 2.0T 自动 典雅型</td>
							<td id="left_rightTd">2013款 丰田凯美瑞 200E 自动 经典精英版</td>
						</tr>
						<tr>
							<td id="left_leftTd">2013款 现代ix35 2.0GL 2WD 自动 舒适版</td>
							<td id="left_rightTd">2013款 现代索纳塔8代 2.0 自动 GS 时尚版</td>
						</tr>
						<tr>
							<td
								style="border-right: none; border-left: 1px solid #DBE4EB; border-top: 1px solid #DBE4EB;">2011款
								起亚K2 1.4GL 自动</td>
							<td
								style="border-left: 1px solid #DBE4EB; border-top: 1px solid #DBE4EB;">2013款
								起亚狮跑 2.0GL 自动 两驱版</td>
						</tr>
					</tbody>
				</table>
			</div>
			<!--
            		left end
            	-->

			<!--
            		right start
            	-->
			<div class="cz_right">
				<table border="0px" cellpadding="0" cellspacing="0">
					<tbody>
						<tr>
							<td style="height: 40px; border-top: 1px solid #DBE4EB;">
								<h3>服务优势</h3>
							</td>
						</tr>
						<tr>
							<td id="right_td0"><b>价格更低</b> <br /> 网上直销，即刻报价，快捷透明。</td>
						</tr>
						<tr>
							<td id="right_td1"><b>租期更灵活</b> <br /> 3 个月以上，尽享长租优惠。</td>
						</tr>
						<tr>
							<td id="right_td2"><b>服务更优</b> <br /> 专业化团队，强大系统支持， <br />
								全国化网络，24小时服务。</td>
						</tr>
					</tbody>
				</table>
			</div>
			<!--
                	right end
               -->
		</div>

		<!-- 
				footmenu start 
			-->
		<div class="zc_footmenu">
			<div class="zc_main">
				<div class="menuFirst">
					<p style="font: 18px; color: #60606C; height: 40px;">租车预订说明</p>
					<a href="" style="margin-left: 0px;">服务时间</a> <a href="">待租车况</a> <br />
					<a href="">服务预定</a> <a href="">短租产品</a> <br /> <a href="">租车资格</a>
					<a href="">取还车说明</a>
				</div>
				<div style="width: 160px;">&nbsp;</div>
				<div class="menu0" style="width: 70px;">
					<p style="font: 18px; color: #60606C; height: 40px;">会员管理</p>
					<a href="">会员章程</a> <br /> <a href="">会员细则</a> <br /> <a href="">定级积分</a>
				</div>
				<div style="width: 160px;">&nbsp;</div>
				<div class="menu0" style="width: 135px;">
					<p style="font: 18px; color: #60606C; height: 40px;">紧急事务处理</p>
					<a href="">保险责任</a> <a href="">理赔说明</a> <br /> <a href="">事故处理</a>
					<br /> <a href="">救援及备用车</a>
				</div>
				<div style="width: 160px;">&nbsp;</div>
				<div class="menu0" style="width: 132px;">
					<p style="font: 18px; color: #60606C; height: 40px;">租车费用及结算</p>
					<a href="">价格说明</a> <a href="">结算流程</a> <br /> <a href=""
						style="margin-right: 27px;">储值卡</a> <a href="">积分</a>
				</div>
				<div style="width: 160px;">&nbsp;</div>
				<div class="menuLast">
					<p style="font: 18px; color: #60606C; height: 40px;">帮助中心</p>
					<a href="">常见问题</a> <br /> <a href="">新手上路</a> <br /> <a href="">服务规则</a>
				</div>
			</div>
		</div>
	</div>
</body>
</html>